<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <title>Tag DIV</title>
  <style type="text/css">
   .block1 { 
    width: 200px; 
    background: #ccc;
    border: solid 1ex black; 
    float: right;
   }
   .block2 { 
    width: 200px; 
    background: #fc0; 
    padding: 5px; 
    border: solid 1px black; 
    float: left; 
    
    top: 40px; 
    left: -70px; 
   }
   
   .block3 { 
	width: 200px;
    background: #ccc;
    padding: 5px;
    padding-right: 20px; 
    border: solid 1px black;
	float: none;
	position: relative;
	right: -850px;
	top: -100px;
   }
   
   .block31 { 
	width: 200px;
    background: #ccc;
    padding: 5px;
    padding-right: 20px; 
    border: solid 1px black;
	float: left;
	position: relative;
	left: 20px;
	top: 20px;
   }
   
   .block4 { 
	width: 200px;
    background: #ccc;
    padding: 5px;
    padding-right: 20px; 
    border: solid 1px black;
	float: none;
	position: absolute;
	left: 0px;
	top: 0px;
   }
   .block5 { 
	width: 200px;
    background: #ccc;
    padding: 5px;
    padding-right: 20px; 
    border: solid 1px black;
	float: none;
	position: absolute;
	left: 10px;
	top: 10px;
   }
   .block6 { 
	width: 200px;
    background: red;
    padding: 5px;
    padding-right: 20px; 
    border: solid 1px black;
	float: none;
	position: fixed;
	left: 20px;
	top: 20px;
	z-index: -1;
   }
  </style> 
 </head>
 <body>
 <div>
	<div class="block1">Ut wisis enim ad minim veniam, quis nostrud 
   exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex 
   ea commodo consequat.</div>
   <div class="block2">Ut wisis enim ad minim veniam, quis nostrud 
   exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex 
   ea commodo consequat.</div>
  <div class="block1">Lorem ipsum dolor sit amet, consectetuer 
   adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet 
   dolore magna aliguam erat volutpat.</div>
   <div class="block1">Lorem ipsum dolor sit amet, consectetuer 
   adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet 
   dolore magna aliguam erat volutpat.</div><p>sdsdsdsd</p>
   <div class="block1">Lorem ipsum dolor sit amet, consectetuer 
   adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet 
   dolore magna aliguam erat volutpat.</div> sjhdjshdsds hssjd s
   <div class="block2">Ut wisis enim ad minim veniam, quis nostrud 
   exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex 
   ea commodo consequat.</div>jwhjwjwjhj sjksaa klsadkd dldkld ddlkl dsllsls nllS L SLSLSKL LSLKSAMSS SLDSKLASDK DSASMDMDS dkddssd sdmdsms smsdmskms
   <div class="block2">Ut wisis enim ad minim veniam, quis nostrud 
   exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex 
   ea commodo consequat.</div>
   <div class="block2">Ut wisis enim ad minim veniam, quis nostrud 
   exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex 
   ea commodo consequat.</div>
   <div class="block2">Ut wisis enim ad minim veniam, quis nostrud 
   exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex 
   ea commodo consequat.</div>
   <div class="block2">Ut wisis enim ad minim veniam, quis nostrud 
   exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex 
   ea commodo consequat.</div>
   <div class="block1">Lorem ipsum dolor sit amet, consectetuer 
   adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet 
   dolore magna aliguam erat volutpat.</div></div>
 </body>
</html>